Feature · footer-logo
Footer logo
The wordmark as ASCII art for the site footer: "blutui" in binary, streamed through the letters, with a pointer interaction to choose.
Spotlight
hover plays while hovered
SVG text rows behind a mask. A soft light follows the pointer and the digits under it come up to full white: a tight core keeps pace with the cursor, a wide halo lags behind on a slower curve, so the light pulls like a drop rather than snapping. Opacity only, nothing moves. Pure CSS transitions; the script only relays the pointer position.
views/components/visuals/footer-logo/v1.html
Static · three placements
Animated · hover
Ripple
hover plays while hovered
Canvas. The surface is water: the pointer drags a wake, a wave equation carries ripples out through the letters, and each digit rides the wave — nudged by the slope, lit on a crest, dimmed in a trough. The liquid direction. Settles back to the fade when the pointer leaves.
views/components/visuals/footer-logo/v2.html
Static · three placements
Animated · hover
Bit flip
hover plays while hovered
Canvas. The pointer is a disturbance in the data: digits within reach light up and flip between 0 and 1 while it is near, then heal back to the true bit as it moves on, leaving a fizzing wake that settles a beat behind. The playful, data-minded direction.
views/components/visuals/footer-logo/v3.html
Static · three placements
Animated · hover